.forgetpwbody{
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 1px;
}
.mui-content.mui-padding-bottom{
    padding-bottom: 50px;
}
/* bar icon start */
.mui-bar-tab{
    background-color: #fff;
}
.mui-bar-nav.mui-bar .mui-icon{
    display: block;.mui-table-view.no-padding > .mui-table-view-cell > .mui-navigate-right > .mui-pull-right
    color: white;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}
.back-btn:after{
	background-position: -200px -150px;
}
.mui-bar-nav.mui-bar .mui-icon.mui-btn-link{
    padding-top: 0;
    color: #333;
    line-height: 44px;
}
.act-btn:after{
    content: ' ';
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -12px -31px;
    margin-top: 5px;
}
#mui-input-row{
    position: relative;
}
#addressspan {
    position: absolute;
    right: 0px;
    width: 24px;
    height: 32px;
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -121px -59px;
}
.act-btn.close-btn:after{
    background-position: -128px -801px;
}
.act-btn.back-btn:after{
    background-position: -12px -31px;
}
.act-btn.add-btn:after{
    background-position: -136px -648px;
}
.act-btn.search-btn:after{
    background-position: -213px -117px;
}
.act-btn.city-btn{
    position: relative;
}
.act-btn.city-btn:after{
    position: absolute;
    bottom: 0.4rem;
    right: -.75rem;
    background-position: -311px -69px;
}
.wrapper{
    padding-top: 10px;
    padding-bottom: 10px;
}
.mui-bar-tab .r-tab-item
{
    display: table-cell;
    overflow: hidden;

    width: 1%;
    height: 50px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #929292;
}
.mui-bar-tab .r-tab-item.mui-active
{
    color: #007aff;
}
.mui-bar-tab .r-tab-item .mui-icon
{
    top: 3px;

    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}
.mui-bar-tab .r-tab-item .mui-icon ~ .mui-tab-label
{
    font-size: 11px;

    display: block;
    overflow: hidden;

    text-overflow: ellipsis;
}
.mui-bar-tab .r-tab-item .mui-icon:active
{
    background: none;
}
.r-tab-item .act-index:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -53px -384px;
}
.mui-bar-tab .r-tab-item.mui-active{
    color: #ffcd00;
}
.r-tab-item.mui-active .act-index:after{
    background-position: -103px -384px;
}
.r-tab-item .act-gwc:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -153px -384px;
}
.r-tab-item.mui-active .act-gwc:after{
    background-position: -203px -385px;
}
.r-tab-item .act-user:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -302px -384px;
}
.r-tab-item.mui-active .act-user:after{
    background-position: -252px -384px;
}
.r-tab-item .act-chat:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/qgh_tab_fenlei_s.png');
    background-repeat: no-repeat;
}
.r-tab-item.mui-active .act-chat:after{
    background-image: url('../img/qgh_tab_fenlei_n.png');
    background-repeat: no-repeat;
}
.mui-bar .mui-icon{
    font-size: .4rem;
}
/* bar icon start */
/* index start */
.tab-box{
    padding-top: 8px;
    padding-bottom: 8px;
    position: absolute;
    left: 15px;
    right: 15px;
}
.tab-box .tab-control{
    width: 4rem;
    margin: 0 auto;
}
.tab-control{
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    border-radius: 3px;
    background-color: transparent;
    -webkit-touch-callout: none;
}
.tab-control >  .tab-control-item{
    display: table-cell;
    overflow: hidden;
    width: 1%;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #6b450a;
    opacity: .65;
    font-size: .4rem;
}
.tab-control >  .tab-control-item.active{
    /*background-color: #ffcd00;*/
    background-color: rgba(255,205,0, .65);
    border-radius: 15px;
    opacity: 1;

}
.index-container .mui-slider{
    height: 150px;
}
.mui-indexmenu{
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
.indexmenu-content{
    width: auto;
    overflow: auto;
    white-space: nowrap;
}
.indexmenu-content a{
    color:#000000;
}
.indexmenu-content span{
    padding:0px 5px 0px 5px;
}
.indexmenu-tap{
color: red;
    float:left;
    padding-right: 5px;
}
.index-container .banner{

}
.index-container .box-heading{
    padding: 15px;
    background-color: #fff;
    text-align: center;
}

.index-container .box-heading > h3{
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin: 0;
    font-weight: 500;
    position: relative;
    padding-left: 22px;
}

.index-container .box-heading > h3.around:before{
    background-position: -70px -505px;
}
.index-container .box-heading > h3.appointment:before{
    background-position: -111px -504px;
}
.index-container .box-heading > h3.made:before{
    background-position: -27px -504px;
}
.index-container .box-heading > h3 > span{
    position: relative;
    padding-right: 5px;
    display: inline-block;
}
.index-container .box-heading > h3 > span:after{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 1px;
    content: '';
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    background-color: #666;
}
.index-container .box-heading > h3 > small{
    padding-left: 5px;
    font-size: 12px;
    color: #999;
}
.index-container .tab-control-content{
    display: none;
}
.index-container .tab-control-content.active{
    display: block;
}
.index-container .col-box [class*='mui-col-']{
    padding-bottom: 20px;
    background-color: #fff;
    margin-bottom: 10px;
}
.index-container .col-box .shop-box{
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
}
.index-container .col-box [class*='mui-col-']:nth-child(odd) .shop-box{
    padding-left: 0;
}
.index-container .col-box [class*='mui-col-']:nth-child(even) .shop-box{
    padding-right: 0;
}
.index-container .col-box .shop-box .img-box{
    position: relative;
}
.index-container .col-box .shop-box .img-box:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}
.index-container .col-box .shop-box .img-box img{
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}
.index-container .col-box .shop-box .img-box .mark-box{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .65);
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
}
.index-container .col-box .shop-box .shop-desc-box{
    margin: 12px 0 0;
    padding: 0 10px;
}
.index-container .col-box .shop-box .shop-desc-box .price{
    color: #ff2640;
    font-size: 20px;
    line-height: 1;
    vertical-align: bottom;
    margin-bottom: 6px;
}
.index-container .col-box .shop-box .shop-desc-box .price .old-price{
    color: #999;
    font-size: 12px;
    margin-left: 5px;
    text-decoration:line-through;
}
.index-container .col-box .shop-box .shop-desc-box .price .countdown{
    color: #999;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 8px;
    float: right;
}
.index-container .col-box .shop-box .shop-desc-box .shop-name{
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.3;
    height: 36px;
    overflow: hidden;
}
.index-container .item-box .item-box-item{
    position: relative;
    margin-bottom: 10px;
    background-color: #fff;
}
.index-container .item-box .item-box-item .img-box{
    width: 100%;
    height: 150px;
    display: block;
}
.index-container .item-box .item-box-item .img-box > img{
    width: 100%;
    max-height: 100%;
}
.index-container .item-box .item-box-item .content{
    padding: 10px;
}
.index-container .item-box .item-box-item .content p{
    color: #333;
    text-align: center;
}
.index-container .item-box .item-box-item .content p.small{
    font-size: 12px;
    color: #999;
}
.index-container .item-box .item-box-item .content p.price{
    color: #ff2640;
    font-size: 16px;
    margin-bottom: 0;
}
.box-info{
    margin-top:10px;
    margin-bottom: 50px;
    float:left;
}
.box-info .img-box-info img{
    width: 100%;
    height:100%;
}

.index-container .item-box .item-box-item .content p.price span{
    font-size: 22px;
}
.price-info{
    color:red;

}
.city-container .city-now{
    background-color: #fff;
    padding: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
}

.city-container .city-now p{
    margin-bottom: 0;
    color: #333;
}
.city-container .city-hot{
    padding: 15px;
    padding-bottom: 0;
}
.city-container .city-hot > p{
    margin-bottom: 15px;
}
.city-container .city-hot .hot-box{
    padding-right: 20px;
    text-align: center;
}
.city-container .city-hot .hot-box [class*='mui-col-']{
    margin-bottom: 10px;
}
.city-container .city-hot .hot-box [class*='mui-col-'] > span{
    width: 80%;
    display: block;
    border: 1px solid #e7e7e7;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    font-size: 14px;
    background-color: #fff;
}
.city-container .container{width:100%;position:relative;}
.city-container .letter{width:5%;overflow:hidden;line-height:32px;font-size:16px;position:fixed;top:0; bottom: 0; padding-top:132px;overflow: hidden;right:0px;text-align:center; background-color: #fff; width: 35px;}
.city-container .letter ul{list-style-type:none; height: 100%}
.city-container .letter ul li{height: 4%}
.city-container .letter ul li a{text-decoration:none; color: #ffcd00; font-size: 14px;}
.city-container .city{width:100%;overflow:hidden;}
.city-container .city .mui-table-view-divider{
    background-color: #f7f7f7;
}
.city-container .city .mui-table-view-divider,
.city-container .city .mui-table-view-cell{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}
.city-container .city .mui-table-view-cell:after{
    background-color: #e7e7e7;
}
.city-container .city .mui-table-view:before,
.city-container .city .mui-table-view:after,
.city-container .city .mui-table-view-divider:before,
.city-container .city .mui-table-view-divider:after{
    height: 0;
}
.goods-container{
    padding-bottom: 50px;
}
    /* start end */
/* detail start */
.goods-container .mui-slider{
    height: 250px;
}
.mui-slider .mui-slider-group .mui-slider-item img{
    height:150px !important;
}
.goods-container .goods-info .price-box{
    padding-left: 15px;
    background-color: #fff;
    position: relative;
}
.goods-container .goods-info .price-box:after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e7e7e7;
}
.goods-container .goods-info .price-box .price,
.goods-container .goods-info .price-box .old-price,
.goods-container .goods-info .price-box .remark{
    display: inline-block;
}
.goods-container .goods-info .price-box .price{
    font-size: .7rem;
    line-height: 1.44rem;
    color: #ff2640;
}
.goods-container .goods-info .price-box .old-price{
    margin-left: 5px;
}
.goods-container .goods-info .price-box .old-price > small{
    display: block;
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}
.goods-container .goods-info .price-box .old-price > span{
    margin-top: 3px;
    display: block;
    font-size: 12px;
    color: #6b450a;
    background-color: #ffcd00;
    border-radius: 3px;
    padding: 4px 6px;
}
.goods-container .goods-info .price-box .remark{
    float: right;
    font-size: 14px;
    height: 1.44rem;
    line-height: 1.44rem;
    background-color: #ffcd00;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    color: #6b450a;
}
.goods-container .goods-info .price-box .remark.appointment{
    line-height: 1;
    padding-top: .18rem;
    font-size: 14px;
}
.goods-container .goods-info .price-box .remark.appointment.end{
    line-height: 1.44rem;
    padding-top:0;
}
.goods-container .goods-info .price-box .remark.appointment > p{
    background-color: rgba(255, 255, 255, .65);
    color: inherit;
    margin-bottom: 0;
    padding: 3px 4px;
    border-radius: 3px;
    margin-top: 5px;
    text-align: center;
}
.goods-container .goods-info .price-box .remark:after{
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: -.29rem;
    width: 0;
    height: 0;
    border-top: 0.72rem solid transparent;
    border-right: 0.3rem solid #ffcd00;
    border-bottom: 0.72rem solid transparent;
}
.goods-container .goods-info .goods-title{
    background-color: #fff;
    padding: 15px;
}
.goods-container .goods-info .goods-title .title{
    font-size: 16px;
    color: #333;
}
.goods-container .goods-info .goods-title .sub-title{
    margin-bottom: 0;
    font-size: 12px;
}
.goods-container .goods-detail-box{
    margin-top: 10px;
    background-color: #fff;
}
.goods-container .goods-detail-box > p{
    font-size: 14px;
    padding: 15px;
}
.goods-container .comment-box{
    display: none;
    background-color: #fff;
    margin-top: 10px;
}
.goods-container .comment-box .item,
.goods-container .comment-box .item-heading{
    padding: 10px 15px;
    position: relative;
    font-size: 14px;
}
.goods-container .comment-box .item:before,
.goods-container .comment-box .item-heading:before{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e7e7e7;
}
.goods-container .comment-box .item:last-child:before{
    height: 0;
}
.goods-container .comment-box .item-heading > a{
    color: #333;
    font-size: 14px;
    display: block;
}
.goods-container .comment-box .item-heading > a:after{
    font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    right: 15px;
    content: '\e583';
}
.goods-container .comment-box .item .title .star-box .star:after{
    left: 0;
}
.goods-container .comment-box .item .desc{
    margin-bottom: 3px;
    color: #333;
}
    /* detail end */
/* mui-table-view no-padding start */
.mui-table-view.no-padding{
    position: relative;
    font-size: 15px;
}
.mui-table-view.no-padding:before{
    height: 0 !important;
}
.mui-table-view.no-padding:after{
    background-color: #e7e7e7;
}
.mui-table-view.no-padding > .mui-table-view-cell:after{
    left: 10px;
    right: 10px;
    background-color: #e7e7e7;
}
.mui-table-view-cell > a:not(.mui-btn){
    position: relative;
    display: block;
   overflow: hidden;
    margin:0px !important;
    padding: 0;
    white-space: nowrap;
    color: #666;
}
.mui-table-view.no-padding > .mui-table-view-cell > .mui-navigate-right > .mui-pull-right{
    font-size: 13px;
    line-height: 0;
    color: #999;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
}
.mui-bar.detail-bar .mui-icon
{
    top: 6px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}
.mui-bar.mui-bar-tab.detail-bar .mui-row > [class*='mui-col-'].left{
    line-height: 2.5;
}
.mui-bar.detail-bar > .mui-row > [class*='mui-col-'] > a .mui-tab-label{
    color: #999;
    font-size: 12px;
}
.mui-bar.detail-bar .mui-icon ~ .mui-tab-label{
    line-height: 1;
    margin-top: -10px;
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mui-bar.detail-bar .mui-icon .bar-badge{
    text-align: center;
    position: absolute;
    font-style: normal;
    background-color: #ff2640;
    border-radius: 50%;
    color: #fff;
    padding: 2px 4px;
    font-size: 12px;
    top: 0;
    right: 0;
    transform: translate(50%, -30%);
    display: none;
}
.mui-bar.detail-bar .act-gwc2:after{
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -153px -384px;
}
.mui-bar.detail-bar .act-gwc2.act-kf:after{
    background-position: -36px -337px;
}
.mui-bar.detail-bar.mui-bar-tab .bargin-btn.disabled,
.mui-bar.detail-bar.mui-bar-tab .buy-btn.disabled{
    background-color: #999;
    color: #fff;
}
    /* mui-table-view no-padding end */
/* heading start */
.mui-bar.user-heading{
    background-color: #fff;
}
.mui-bar.user-heading .mui-title{
    color: #333;
}
.mui-bar.user-heading .mui-btn-link{
    color: #999;
}
.mui-bar.user-heading:after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #ffcd00;
}
.mui-modal.goods-modal{
    min-height: 20% !important;
    bottom: 0;
    top: auto;
    padding-top: 30px;
    background-color: transparent;
}
.mui-modal.mui-active.goods-modal{
    height: auto;
}
.goods-modal > .modal-box{
    background-color: #fff;
}

.goods-modal .modal-goods-info{
    padding: 0 15px 15px;
    position: relative;
}
.goods-modal .modal-goods-info:after{
    position: absolute;
    right: 15px;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e7e7e7;
}
.goods-modal .modal-goods-info > .img-box{
    float: left;
    width: 3rem;
    height: 2rem;
    position: relative;
}
.goods-modal  .modal-goods-info > .img-box > span{
    position: absolute;
    width: 100%;
    height: 2.5rem;
    top: -0.5rem;
    display: block;
    padding: 3px;
    border: 1px solid #e7e7e7;
    background-color: #fff;
}
.goods-modal  .modal-goods-info > .img-box > span > img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.goods-modal .modal-goods-info .goods-detail{
    margin-left: 3rem;
    height: 2rem;
    padding-left: 15px;
}
.goods-modal .modal-goods-info .info-table{
    display: table;
    width: 100%;
    height: 100%;
}
.goods-modal .modal-goods-info .info-table .info-table-row{
    display: table-row;
}
.goods-modal .modal-goods-info .info-table .info-cell{
    display: table-cell;
    vertical-align: middle;
}
.goods-modal .modal-goods-info .info-table .info-cell.desc .price{
    font-size: 20px;
    color: #ff2640;
    margin-bottom: 5px;
}
.goods-modal .modal-goods-info .info-table .info-cell.desc .info{
    font-size: 14px;
    color: #999;
}
.goods-modal .modal-goods-info .info-table .info-cell.close{
    width: 30px;
}
.goods-modal .modal-goods-info .info-table .info-cell.close .icon-close:before{
    content: ' ';
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -128px -801px;
}
.goods-modal .sku-box{
    padding: 15px;
}
.goods-modal .sku-box .sku-item{
    position: relative;
}
.goods-modal .sku-box .sku-item:after{
    position: absolute;
    right: 0px;
    bottom: 0;
    left: 0px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e7e7e7;
}
.goods-modal .num-box{
    padding: 0 15px 15px;
}
.goods-modal .num-box > label{
    line-height: 35px;
}
.goods-modal .mui-btn-block.btn-ok{
    margin: 0;
    border-radius: 0;
}
/*.goods-modal */
.goods-modal .sku-box .sku-item .title{
    color: #333;
    font-size: 16px;
}
.goods-modal .sku-box .sku-item .list-box{
    padding-bottom: 10px;
}
.goods-modal .sku-box .sku-item .list-box .item{
    display: inline-block;
    padding: 4px 6px;
    border:1px solid #e7e7e7;
    border-radius: 3px;
    margin: 0 5px 5px 0;
    font-size: 14px;
    color: #666;
}
.goods-modal .sku-box .sku-item .list-box .item.active{
    background-color: #ffcd00;
    color: #6b450a;
}
/* heading end */

/* confirm order start */
.cforder-container{
    padding-bottom: 65px;
}
.cforder-container .receipt-box{
    position: relative;
    background-color: #fff;
}
.cforder-container .receipt-box .desc{
    padding: 10px 45px;
}
.cforder-container .receipt-box .receipt-icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
}
.cforder-container .receipt-box .receipt-icon:after{
    content: ' ';
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
}
.cforder-container .receipt-box .receipt-icon.address-icon{
    left: 15px;
}
.cforder-container .receipt-box .receipt-icon.address-icon:after{
    background-position: -16px -72px;
}
.cforder-container .receipt-box .receipt-icon.next-icon{
    right: 15px;
}
.cforder-container .receipt-box .receipt-icon.next-icon:after{
    background-position: -118px -72px;
}
.cforder-container .receipt-box .desc .np-box{
    color: #333;
    font-size: .4rem;
}
.cforder-container .receipt-box .desc .np-box .name{
    margin-right: 25px;
}
.cforder-container .receipt-box .desc .address{
    margin-bottom: 0;
    font-size: .35rem;
    color: #999;
}
.cforder-container .goods-box{
    background-color: #fff;
    margin-top: 15px;
    padding: 15px;
}
.cforder-container .goods-box .goods-item{
    position: relative;
    margin-bottom: 15px;
}
.cforder-container .goods-box .goods-item:last-child{
    margin-bottom: 0;
}
.cforder-container .goods-box .goods-item .img-box{
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    padding: 5px;
    border: 1px solid #e7e7e7;
}
.cforder-container .goods-box .goods-item .img-box > img{
    width: 100%;
    height: 100%;
}
.cforder-container .goods-box .goods-item .info-box{
    margin-left: 2.5rem;
    margin-right: 1.5rem;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.5rem;
}
.cforder-container .goods-box .goods-item .info-box .title{
    font-size: .4rem;
    color: #333;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: inherit;
}
.cforder-container .goods-box .goods-item .info-box .sub-title{
    color: #999;
}
.cforder-container .goods-box .goods-item .price-box{
    float: right;
    width: 1.5rem;
    height: 2.5rem;
    font-size: 16px;
    text-align: right;
}
.cforder-container .goods-box .goods-item .price-box .price{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.cforder-container .goods-box .goods-item .price-box .number{
    color: #333;
}
.cforder-container > .item-box{
    margin-top: 15px;
    background-color: #fff;
    padding: 15px;
    font-size: .4rem;
}
.cforder-container > .item-box .mui-pull-right{
    font-size: .35rem;
    color: #ff2640;
}
.cforder-container > .item-box > .item{
    margin-bottom: 15px;
}
.cforder-container > .item-box > .item:last-child{
    margin-bottom: 0;
}
.cforder-container .order-detail{
    margin-top: 15px;
    background-color: #fff;
    padding: 15px;
}
.cforder-container .order-detail > p{
    font-size: .25rem;
}
.cforder-container .order-detail > p:last-child{
    margin-bottom: 0;
}
.cforder-container .order-detail > p .order-status{
    color: #ff2640;
}
.cforder-container .post-box .item{
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 5px;
}
.cforder-container .post-box .item:after{
    content: ' ';
    display: block;
    clear: both;
}
.cforder-container .post-box .item .date{
    width: 2.5rem;
    text-align: right;
    line-height: 1.5;
    float: left;
}
.cforder-container .post-box .item .content{
    margin-left: 2.5rem;
    padding-left: 10px;
    line-height: 1.5;
}
.mui-bar.mui-bar-tab .mui-row > [class*='mui-col-'].amount-box{
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;

}
.mui-bar.mui-bar-tab .mui-row > [class*='mui-col-'].amount-box .all-amount{
    font-size: .5rem;
}
.order-bar .order-btn{
    font-size: .35rem;
    background-color: #ffcd00;
    /*display: inline-block;*/
    height: 35px;
    line-height: 35px;
    margin: 7px;
    padding: 0 10px;
    color: #6b450a;
    border-radius: 4px;
}
.customer-continer .wrapper{
    padding: 15px;
}
.customer-continer .wrapper .title{
    color: #333;
    font-weight: 700;
}
.customer-continer .wrapper .title .desc{
    font-weight: normal;
    color: #999;
    margin-left: 10px;
    font-size: .35rem;
}
.customer-continer .wrapper .title .desc > small{
    color: #ff2640;
}
.customer-continer .wrapper > ul{
    position: relative;
}
.customer-continer .wrapper > ul li{
    background-color: #fff;
    margin-top: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    text-align: center;
    padding: 15px 0;
}
.customer-continer .wrapper > ul li > a{
    color: #999;
}
.customer-continer .wrapper > ul li > a > small{
    color: #ff2640;
}
/* confirm order end */
/* search start */
.mui-bar .search-box{
    width:100%;
}
.search-head{
    padding: 0px 80px 0px 30px;
}
.mui-bar .search-box > .input-box{
    display: inline-block;
    position: relative;
    height: 100%;
    width:100%;
    padding: 5px 5px;
}
.mui-bar .search-box > .input-box > input{

    height: 30px;
    /* margin-top: 5px; */
    border: none;
    background-color: #f7f7f7;
    /* position: relative; */
    margin-bottom: 0;
     padding: 3px 17px 3px 25px;

}
.footer-right {
    position: absolute;
    width: 80px;
    height: 50px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
    padding: 12px 5px;
    display: inline-block;
}
#onSearch{
    height: 30px;
    top: 3px;
    line-height:18px;
}
.mui-bar .search-box > .input-box:after{
    content: ' ';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 5px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -39px -32px;
}
/* search end */
/* signin start */
#sign-form{
    width: 100%;
    float: left;
    background-color: white;
}
#sign-form .mui-input-row:after{
    left: 15px;
    right: 15px;
}

#sign-form ~ .mui-content-padded{
    margin: 0 auto;
    padding: 30px 15px;
    width: 100%;
    float: left;
    background-color: white;
}
.link-area a{
    color: #66ccff;
    width: 100%;
	height: 30px;
	text-align: center;
	font-size: 15px;
}
.login-other{
    /*display: none;*/
    margin-top: 40%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.login-other .login-other-title{
    position: relative;
}
.login-other .login-other-title:after{
    position: absolute;
    height: 1px;
    content: ' ';
    left: 0;
    right: 0;
    top: 50%;
    background-color: #e7e7e7;
    transform: translateY(-50%) scaleY(.5);
}
.login-other .login-other-title > h5{
    display: inline-block;
    position: relative;
    z-index: 4;
    background-color: #f7f7f7;
    padding-left: 15px;
    padding-right: 15px;
    color: #999;
    font-size: 13px;
}
.login-other .login-other-box{
    padding-top: 30px;
    padding-bottom: 30px;
}
.login-other .login-other-box a{
    display: block;
}
.login-other .login-other-box .mui-icon{
    width: 40px;
    height: 40px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
}
.login-other .login-other-box .mui-icon.lo-qq{
    background-position: -48px -851px;
}
.login-other .login-other-box .mui-icon.lo-wetch{
    background-position: -164px -851px;
}
.login-other .login-other-box .mui-icon.lo-weibo{
    background-position: -293px -851px;
}
.login-other .login-other-box .mui-icon ~ p{
    margin-bottom: 0;
    margin-top: 10px;
    color: #999999;
    font-size: 13px;
}
/* signin end */

/* signup start */
#sign-form .getcode{
    width: 25%;
    height: 30px;
    float: right;
    font-size: 12px;
    padding: 6px;
    background-color: white;
    color: #7ed4ff;
    border: 1px solid #7ed4ff;
    margin-top: 10px;
    
}
#sign-form .getcode:disabled{
    background-color: white;
    color: #7ed4ff;
    border:1px solid #7ed4ff ;

}
#sign-form .getzycode{
    position: absolute;
    width: auto !important;
    top: 6px;
    right: 15px;
    font-size: 13px;
    padding: 10px;
    color: #6b450a;
}
/*
#sign-form .zycode{
    position: absolute;
    width: auto !important;
    top: 6px;
    right: 15px;
    font-size: 13px;
    padding: 10px;
    color: #6b450a;
}
*/
#sign-form .getzycode:disabled{
    background-color: #cccccc;
    color: #fff;
}
/* signup end */

/* bind start */
.signup .tips{
    margin: 20px 25px 10px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 25px;
    font-size: 13px;
    color: #666666;
    line-height: 1.4;
}
.signup .tips .bind-tips{
    margin-right: 3px;
}
.signup .tips .bind-tips:after{
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    left: 0;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -231px -804px;
}
/* bind end */

/* user-index start */
.mui-content.user-index{
    padding-bottom: 50px;
}
.user-index .user-info{
    background-color: #ffcd00;
    height: 135px;
}
.user-index .user-info .sign-btn{
    display: none;
    padding-top: 65px;
}
.user-index .user-info .sign-btn > a{
    display: inline-block;
    color: #6b450a;
    padding: 10px 25px;
    border: 1px solid #6b450a;
    border-radius: 5px;
    font-size: 15px;
}
.user-index .user-info .info-box{
    display: none;
    padding-top: 35px;
}
.user-index .user-info .info-box .img-box{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}
.user-index .user-info .info-box .img-box > a{
    display: block;
    width: 100%;
    height: 100%;
}
.user-index .user-info .info-box .img-box > a > img{
    width: 100%;
}
.user-index .user-info .info-box .user-name{
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}
.user-index .user-info .sign-btn.active,
.user-index .user-info .info-box.active{
    display: block !important;
}
.user-index .user-panel{
    margin: 9px 0;
    position: relative;
    font-size: 15px;
}
.user-index .user-panel .panel-heading{
    border-bottom:1px solid #e7e7e7;
}
.user-index .user-panel .panel-heading.mui-table-view:after,
.user-index .user-panel .panel-heading.mui-table-view:before{
    height: 0 !important;
}
.user-index .user-panel .panel-heading.mui-table-view > .mui-table-view-cell > .mui-navigate-right > .mui-pull-right{
    font-size: 13px;
    line-height: 1;
    color: #999;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
}
.user-index .user-panel .panel-body{
    background-color: #fff;
}
.user-index .user-panel .panel-body > .mui-col-xs-3{
    width: 20%;
}
.index-container .download-box{
    position: relative;
    height: 1.5rem;
    margin-top: 3px;
    margin-bottom: 3px;
    background: white;
}
.index-container .download-box .img-box{
    float: left;
    width: 1.5rem;
    height: 100%;
    padding: 5px;
    margin-left: 3px;
}
.index-container .download-box .img-box > img{
    width: 100%;
    height: 100%;
}
.index-container .download-box .info-box{
    margin-left: 1.5rem;
    margin-right: 100px;

    padding-right: 10px;
    height: 100%;
    position: relative;
}
.index-container .download-box .info-box .title{
    font-size: .4rem;
    color: #333;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 8px;
    font-weight: bold;
}
.index-container .download-box .button-box{
    float: right;
    width: 100px;
    height: 100%;
    font-size: 16px;
    text-align: left;
}
.index-container .download-box .button-box > .mui-btn{
    background-color: #ff2640;
    color: #fff;
    font-size: 14px;
    border: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.panel-body > [class*='mui-col-'] > a{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #000;
    position: relative;
    margin: 15px 0;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon{
    width: 20px;
    height: 20px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    position: relative;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon .mui-badge{
    top: -8px;
    background-color: #ff2640;
    margin-left: -6px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-1{
    background-position: -27px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-2{
    background-position: -118px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-3{
    background-position: -211px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-4{
    background-position: -305px -544px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-5{
    background-position: -27px -587px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-6{
    background-position: -118px -587px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-7{
    background-position: -211px -587px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-8{
    background-position: -310px -587px;
}
.panel-body > [class*='mui-col-'] > a > .mui-icon.icon-user-9{
    background-position: -74px -544px;
}

/* user-index end */

/* userinfo start */
.userinfo  .mui-table-view > .mui-table-view-cell{
    padding-top: 13px;
    padding-bottom: 13px;
}
.userinfo .mui-table-view > .mui-table-view-cell > .mui-navigate-right > .pull-right.user-img{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: block;
    float: right;
    position: relative;
    right: 20px;
    overflow: hidden;
}
.userinfo .mui-table-view > .mui-table-view-cell > .mui-navigate-right > .pull-right.user-img > img{
    width: 100%;
}
.mui-popover.mui-popover-action.mui-popover-bottom .mui-table-view .mui-table-view-cell > a{
    color: #333;
}
.mui-popover.mui-popover-action.mui-popover-bottom .mui-table-view .mui-table-view-cell > a.close{
    color: #ffcd00;
}
.userinfo .file-box{
    display: none;
}

    /* userinfo end */
.mui-poppicker-header .mui-btn{
    background-color: transparent;
    border: none;
    color: #0b85ed;
}
.mui-poppicker{
    background-color: #eee;
}
.mui-picker{
    background-color: #fff !important;
}
/* user nickname start */
.user-nickname .mui-input-row.nickname:last-child:after{
    height: 1px !important;
    right: 0 !important;
}
.user-nickname .tips{
    margin: 10px 15px 0;
    font-size: 13px;
    color: #999;
}
/* user nickname end */


/* user-receipt start */
.mui-content .receipt-item:first-child{
    margin-top: 10px;
}
.receipt-item{
    background-color: #fff;
    margin-bottom: 10px;
    padding: 0 15px;
}
.receipt-item > .item-body{
    padding: 10px 0;
    display: table;
    width: 100%;
    position: relative;
}
.receipt-item > .item-body:after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e7e7e7;
}
.receipt-item > .item-body > .cell{
    display: table-cell;
}

.receipt-item > .item-body > .cell .info{
    font-size: 14px;
    color: #383d40;
    line-height: 1.8;
}
.receipt-item > .item-body > .cell .info .name,
.receipt-item > .item-body > .cell .info .phone{
    display: inline-block;
}
.receipt-item > .item-body > .cell .info .phone{
    float: right;
}
.receipt-item > .item-body > .cell .info .name{
    width: 20%;
}
.receipt-item > .item-body > .cell .address{
    font-size: 14px;
    color: #999;
    line-height: 1.8;
}
.receipt-item > .item-body > .cell.check-box{
    width: 24px;
    position: relative;
}
.receipt-item > .item-body > .cell.check-box:after{
    display: block;
    content: ' ';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;

}
.receipt-item > .item-body > .cell.check-box.active:after{
    background-position: -73px -646px;
}
.receipt-item > .item-footer{
    position: relative;
    padding: 15px 0;
    font-size: 13px;
}
.receipt-item > .item-footer a{
    color: #000;
}
.receipt-item > .item-footer .mui-pull-right .icon-btn:last-child{
    margin-left: 10px;
}
.receipt-item > .item-footer .mui-pull-left{
    color: #999;
}
.icon-btn{
    display: inline-block;
    margin-right: 5px;
}
.icon-btn:after{
    margin-bottom: -5px;
    content: ' ';
    display: block;
    width: 19px;
    height: 19px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
}
.icon-btn.checkbox-btn:after{
    background-position: -125px -121px;
}
.icon-btn.checkbox-btn.active:after{
    background-position: -94px -121px;
}
.icon-btn.del-btn:after{
    background-position: -201px -651px;
}
.icon-btn.edit-btn:after{
    background-position: -270px -651px;
}
/* user-receipt end */

/* receipt-add  start */
.receipt-add{
    font-size: 14px;
}
.receipt-add .mui-input-group{
    margin: 10px 0;
}
.receipt-add .mui-input-group:before,
.receipt-add .mui-input-group:after{
    background-color: #e7e7e7;
}
.receipt-add .mui-input-group .mui-input-row label{
    padding-top: 17px;
    padding-bottom: 16px;
    width: 25%;
}
.receipt-add .mui-input-group .mui-input-row label ~ input,
.receipt-add .mui-input-group .mui-input-row label ~ textarea{
    width: 75%;
}
.receipt-add .mui-table-view:before{
    height: 0;
}
.receipt-add .mui-table-view:after{
    background-color: #e7e7e7;
}
/* receipt-add  end */
/* about start */
.about-box .wrapper{
    padding: 10px;
}
.about-box .img-box{
    padding: 30px;
    width: 45%;
    margin: 0 auto;
}
.about-box .img-box > img{
    width: 100%;
}
.about-box p{
    color: #333;
    line-height: 1.5;
    text-indent:2em;
}
/* about end */

/* about start */
.beedback-box .wrapper{
    padding: 15px 10px 0;
}
.beedback-box .wrapper textarea{
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 5px #f0f0f0;
}
/* about end */

.coupon-box .search-box{
    padding: 10px 15px;
    background-color: #fff;
    padding-right: 120px;
    position: relative;
}
.coupon-box .search-box input[type="text"]{
    margin-right: 80px;
    border: none;
    background-color: #f7f7f7;
    border-radius: 6px;
    padding: 6px;
    line-height: 1;
    height: 40px;
    margin-bottom: 0;
}
.coupon-box .search-box .mui-btn{
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 10px;
}
.coupon-box .btn-get{
    display: block;
    text-align: center;
    margin: 0 auto;
    text-decoration: underline;
    color: #999;
    font-size: 14px;
    cursor: pointer;
}
.coupon-view{
    padding-left: 15px;
    padding-right: 15px;
}
.coupon-view .coupon-view-item{
    padding-bottom: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
}
.coupon-view .coupon-view-item .item-heading{
    height: 5px;
    background-color: #ff2640;
    border-radius: 5px 5px 0 0;
}
.coupon-view .coupon-view-item  .item-body{
    width: 90%;
    margin: 15px 0;
}
.coupon-view .check-box {
    /* display: block; */
    /* content: ' '; */
    width: 24px;
    height: 24px;
    /* position: absolute; */
    /* left: 0; */
    /* top: 50%; */
    /* margin-top: -12px; */
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -74px -648px;
    margin-top:32px;
    /* height: 20px; */
}
.coupon-view .coupon-view-item  .item-body tr td{
    padding: 5px 10px;
}
.coupon-view .coupon-view-item  .item-body tr td:first-child{
    border-right: 1px dotted #999;
    text-align: center;
    font-size: 35px;
    width: 30%;
    color: #ff2640;
    font-weight: bold;
}
.coupon-view .coupon-view-item  .item-body tr td:first-child font{
    font-size: 16px;
}
.coupon-view .coupon-view-item  .item-body tr td .coupon-item-title{
    color: #333;
    margin-bottom: 5px;
}
.coupon-view .coupon-view-item  .item-body tr td small{
    display: block;
    margin-bottom: 5px;
    padding-left: 8px;
    position: relative;
    color: #999;
}
.coupon-view .coupon-view-item  .item-body tr td small:last-child{
    margin-bottom: 0;
}
.coupon-view .coupon-view-item  .item-body tr td small:after{
    content: ' ';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
    background-color: #999;
}
.coupon-view .coupon-view-item.active .item-heading{
    background-color: #999;
}
.coupon-view .coupon-view-item.active .item-body tr td:first-child,
.coupon-view .coupon-view-item.active .item-body tr td .coupon-item-title{
    color: #999;
}
.follow-box .mui-col-xs-6{
    margin-bottom: 6px;
}
.follow-box .mui-col-xs-6:nth-child(even){
    padding-left: 3px;
    padding-right: 6px;
}
.follow-box .mui-col-xs-6:nth-child(odd){
    padding-left: 6px;
    padding-right: 3px;
}
.follow-box .shop-box{
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
    text-align: left;
}
.follow-box .shop-box .img-box{
    position: relative;
}
.follow-box .shop-box .img-box:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}
.follow-box .shop-box .img-box img{
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}
.follow-box .shop-box .shop-desc-box{
    margin: 10px 0 0;
}
.follow-box .shop-box .shop-desc-box .price{
    color: #ff2640;
    font-size: 20px;
    line-height: 1;
}
.follow-box .shop-box .shop-desc-box .price .old-price{
    color: #999;
    font-size: 14px;
    margin-left: 5px;
    text-decoration:line-through;
}
.follow-box .shop-box .shop-desc-box .shop-name{
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.3;
    height: 36px;
    overflow: hidden;
}
.mui-content.cheap-box{
    margin-bottom: 50px;
}
.cheap-box .heading{
    background-color: #fff;
    padding: 10px 40px;
    position: relative;
}
.cheap-box .heading:before{
    content: ' ';
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 15px;
    top: 10px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -61px -121px;
}
.cheap-box .heading.active{
    height: 35px;
    overflow: hidden;
}
.cheap-box .heading .arrow{
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    right: 15px;
    top: 10px;
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -17px -113px;
    cursor: pointer;
}
.cheap-box .heading.active .arrow{
    background-position: -17px -126px;
}
.cheap-table{
    background-color: #fff;
}
.cheap-table table{
    width: 100%;
}
.cheap-table td{
    padding: 15px;
}
.cheap-table tr td.img-td{
    width: 30%;
    position: relative;
}
.cheap-table tr td.check-td{
    width: 40px;
    padding: 0;
    text-align: right;
}

.cheap-table .img-box{
    display: block;
    position: relative;
}
.cheap-table .img-box:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}
.cheap-table .img-box img{
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}
.cheap-table tr{
    border-bottom: 1px solid #f7f7f7;
}
.cheap-table tr:last-child{
    border: none;
}
.cheap-table tr td.desc-box{
    padding-left: 0;
    vertical-align: top;
    position: relative;
}
.cheap-table tr td.desc-box h5{
    color: #333;
    line-height: 1.3;
    margin: 0;
}
.cheap-table tr td.desc-box .price{
    position: absolute;
    width: 100%;
    padding-right: 15px;
    bottom: 15px;
    left: 0;
    color: #ff2640;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
}
.cheap-table tr td.desc-box .price span{
    font-size: 12px;
    background-color: #ffcd00;
    color: #6b450a;
    padding: 3px 15px 3px 30px;
    border-radius: 20px;
    position: relative;
}
.cheap-table tr td.desc-box .price span.cheap{
    padding: 3px 15px;
}
.cheap-table tr td.desc-box .price span.kj-end:before,
.cheap-table tr td.desc-box .price span.kj-to:before{
    content: ' ';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -65px -76px;
}
.cheap-table tr td.desc-box .price span.kj-end{
    padding: 3px 20px 3px 15px;
}
.cheap-table tr td.desc-box .price span.kj-end:before{
    width: 14px;
    height: 14px;
    background-position: -312px -41px;
    right: 10px;
    left: auto;
}
.mui-bar.mui-bar-tab .mui-row{
    height: 50px;
}
.mui-bar.mui-bar-tab .mui-row > [class*='mui-col-']{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.mui-bar.mui-bar-tab .mui-row > .bar-check{
    background-color: #fff;
    text-align: left;
    padding: 0 15px;
    color: #333;
}
.mui-bar.mui-bar-tab .mui-row .bargin-btn{
    background-color: #ffcd00;
    display: block;
    width: 100%;
    height: 100%;
    color: #6b450a;
}
.mui-bar.mui-bar-tab .mui-row  .buy-btn{
    background-color: #ff2640;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}


/* chat-index start */
.chat-index{
    padding-bottom: 50px;
}
.chat-index .title{
    color: #999;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 500;
}
.chat-index .room-list{
    position: relative;
}
.chat-index .room-list:before{
    position: absolute;
    height: 1px;
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    background-color: #e7e7e7;
    transform: translateY(-50%) scaleY(.5);
}
.chat-index .room-list:after{
    position: absolute;
    height: 1px;
    content: ' ';
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e7e7e7;
    transform: translateY(-50%) scaleY(.5);
}
.chat-index .room-list .room-item{
    position: relative;
}
.chat-index .room-list .room-item:after{
    position: absolute;
    height: 1px;
    content: ' ';
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e7e7e7;
    transform: translateY(-50%) scaleY(.5);
}
.chat-index .room-list .room-item:last-child:after{
    height: 0;
}
.chat-index .room-list .room-item .img-box{
    width: 2.5rem;
    height: 2.5rem;
    padding: 15px;
    float: left;
}
.chat-index .room-list .room-item .img-box > img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.chat-index .room-list .room-item .room-name{
    margin-left: 2.5rem;
    position: relative;
    height: 2.5rem;
    line-height: 2.5rem;
}


.mui-table-view.menu-list{
    /* position: fixed; */
    /* top: 40px; */
    z-index: 9;
    left: 0;
    right: 0;
    min-height: 90%;
    width: 84px;
    /* margin-top: 40px; */
    float: left;
    font-size: 14px;
}
.mui-table-view.menu-list.active{
    display: block;
}
.mui-table-view.menu-list .mui-table-view-cell:after{
    background-color: #e7e7e7;
}
.mui-table-view.menu-list .mui-table-view-cell  img{
    margin-bottom: -3px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.mui-table-view.menu-list .mui-table-view-cell.mui-collapse .mui-table-view{
    margin-top: -10px;
}

/*  cart */
.cart-container{
    padding-bottom: 52px;
}
.cart-container .goods-box{
    background-color: #fff;
    margin-top: 15px;
    padding: 15px;
}
.cart-container .goods-box .goods-item{
    position: relative;
    margin-bottom: 15px;
}
.cart-container .goods-box .goods-item:after{
    position: absolute;
    height: 1px;
    content: ' ';
    left: 0;
    right: 0;
    bottom: -10px;
    background-color: #e7e7e7;
    transform: translateY(-50%) scaleY(.5);
}
.cart-container .goods-box .goods-item:last-child{
    margin-bottom: 0;
}
.cart-container .goods-box .goods-item .img-box{
    float: left;
    width: 3rem;
    height: 2.5rem;
    position: relative;
}
.cart-container .goods-box .goods-item .img-box > .icon-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
}
.cart-container .goods-box .goods-item .img-box > .img{
    width: 2.5rem;
    height: 2.5rem;
    padding: 5px;
    border: 1px solid #e7e7e7;
    float: right;
}
.cart-container .goods-box .goods-item .img-box > .img > img{
    width: 100%;
    height: 100%;
}
.cart-container .goods-box .goods-item .info-box{
    margin-left: 3rem;
    margin-right: 1.5rem;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.5rem;
    position: relative;
}
.cart-container .goods-box .goods-item .info-box .title{
    font-size: .35rem;
    color: #333;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: .45rem;
    max-height: .83rem;
    overflow: hidden;
}
.cart-container .goods-box .goods-item .info-box .n-box{
    position: absolute;
    bottom: 0;
}
.cart-container .goods-box .goods-item .info-box .sku-box{
    margin-top: .2rem;
    font-size: .3rem;
    color: #999;
}
.cart-container .goods-box .goods-item .info-box .sub-title{
    color: #999;
}
.cart-container .goods-box .goods-item .price-box{
    float: right;
    width: 1.5rem;
    height: 2.5rem;
    font-size: 16px;
    text-align: right;
}
.cart-container .goods-box .goods-item .price-box .price{
    font-size: 16px;
    color: #ff2640;
}
.cart-container .goods-box .goods-item .price-box .price ~ span{
    position: absolute;
    bottom: 0;
    display: block;
    right: 0;
    font-size: 12px;
    color: #999;
}
.cart-container .goods-box .goods-item .price-box .number{
    color: #333;
}

.cart-container .mui-numbox{
    width: 80px;
    padding: 0 20px;
    height: 24px;
}
.cart-container .mui-numbox [class*=numbox-btn],.cart-container  .mui-numbox [class*=btn-numbox]{
    width: 20px;
}
.cart-container .no-cart{
    display: none;
}

.cart-container .no-cart  .mui-btn-block{
    width: 4rem;
    margin: 0 auto;
    border-radius: 8px;
    padding: 10px 0;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .3);
}

/* comment start */
.comment-container .goods-box{
    background-color: #fff;
    padding: 30px 15px 15px;
}
.comment-container .goods-box .goods-item{
    position: relative;
    margin-bottom: 15px;
}
.comment-container .goods-box .goods-item:last-child{
    margin-bottom: 0;
}
.comment-container .goods-box .goods-item .img-box{
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    padding: 5px;
    border: 1px solid #e7e7e7;
}
.comment-container .goods-box .goods-item .img-box > img{
    width: 100%;
    height: 100%;
}
.comment-container .goods-box .goods-item .info-box{
    margin-left: 2.5rem;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.5rem;
}
.comment-container .goods-box .goods-item .info-box .title{
    font-size: .4rem;
    color: #333;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: inherit;
}
.comment-container .goods-box .goods-item .info-box .sub-title{
    color: #999;
}
.comment-container .goods-box .goods-item .info-box .star-box{

}
.star-box .star{
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
}
.star-box .star:after{
    content: ' ';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('../img/icon.png');
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: -152px -504px;
}
.star-box .star.active:after{
    background-position: -138px -504px;
}
.comment-container .form-box{
    padding: 15px;
    padding-bottom: 40px;
    background-color: #fff;
}
.comment-container .form-box > textarea{
    border: 1px solid #e7e7e7;
}
.comment-container .form-box > .mui-btn.mui-btn-fruit{
    font-size: 14px;
    float: right;
}
.forgetpw{
	width: 25%;
	height: 50px;
	line-height: 50px;
	float: right;
	text-align: center;
	font-size: 15px;
	color: #66ccff;
}
.tianchong-word{
	width: 20%;
	float: left;
	height: 48px;
	line-height: 48px;
	color: #4d4d4d;
	text-align: left;
}
/* comment end */
